.operate-container {
    position: absolute;
    z-index: 10;
    right: 0;
    left: 0;

    width: 0;
    height: 0;
}
@item-padding-left: 36px;
@auto-fill-popup-menu-min-width: 128px;

.auto-fill-popup-menu {
    display: grid;
    gap: var(--margin-xxs);
    align-items: center;

    box-sizing: border-box;
    min-width: @auto-fill-popup-menu-min-width;
    margin-top: 0;
    margin-bottom: 0;
    padding: var(--padding-sm);

    font-size: var(--font-size-base);

    background-color: rgb(var(--bg-color-secondary));
    border: 1px solid rgb(var(--border-color));
    border-radius: var(--border-radius-lg);
    box-shadow: var(--box-shadow-lg);

    li {
        list-style: none;
    }

    &-item {
        cursor: pointer;

        position: relative;

        display: flex;
        align-items: center;

        box-sizing: border-box;
        width: 134px;
        height: 28px;
        padding: var(--padding-xs) 0 var(--padding-xs) @item-padding-left;

        font-size: 13px;
        font-weight: 400;
        font-style: normal;
        line-height: 20px; /* 153.846% */
        color: rgb(var(--black, #35322b));
        text-align: left;

        border-radius: 4px;
        border-radius: var(--border-radius-base);

        transition: background 0.2s;

        &:hover {
            background-color: rgb(var(--bg-color-hover));
        }

        &-icon {
            position: absolute;
            top: 50%;
            left: var(--padding-xs);
            transform: translateY(-50%);

            display: flex;
            align-items: center;
            justify-content: center;
        }

        &-title {
            padding: var(--padding-xs) var(--padding-xs) var(--padding-xs) 0;
            vertical-align: middle;
        }

        &-hide {
            color: rgb(var(--text-color-secondary));
        }

        &:hover {
            background: rgb(var(--grey-100));
        }
    }
}

.btn-container {
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 3px;

    background: white;
    border: 1px solid rgb(var(--grey-200, #e5e5e5));
    border-radius: 4px;

    &:hover {
        background: rgb(var(--grey-100, #f5f5f5));
    }

    &.btn-container-expand {
        background: rgb(var(--grey-100, #f5f5f5));
    }
}
